<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/xiaomi.css">
</head>
<body>
    <!-- 展示页 -->
    <div class="container">
        <div class="top clearfix">
          <p> <span>手机</span></p>
           <p><a href="">查看更多 <span>></span></a></p>
        </div>
        <div class="main clearfix">
            <div class="left">
                <img src="./img/06.webp" alt="">
            </div>
            <div class="right clearfix">
                <ul class="clearfix">
                    <li><a href="">
                        <img src="./img/07.webp" alt="">
                        <div class="one">
                            <h3>
                                
                                Note 10 Pro
                                    
                            </h3>
                            <p>天玑1100年度旗舰芯，VC液冷散热</p>
                            <span>1699元起</span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/08.webp" alt="">
                        <div class="one">
                            <h3>
                                小米MIX FOLD
                            </h3>
                            <p>折叠大屏｜自研芯片</p>
                            <span>9999元起</span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/09.webp" alt="">
                        <div class="one">
                            <h3>
                                小米11 Ultra
                            </h3>
                            <p>1/1.12''GN2｜2K四微曲屏</p>
                            <span>5499元起 <del style="color: #ccc;">5999元</del></span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/10.webp" alt="">
                        <div class="one">
                            <h3>
                                小米11 Pro
                            </h3>
                            <p>1/1.12''GN2｜骁龙888</p>
                            <span>4499元起 <del style="color: #ccc;">4999元</del></span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/11.webp" alt="">
                        <div class="one">
                            <h3>
                                小米11 青春版
                            </h3>
                            <p>小米11 青春版 轻薄</p>
                            <span>2099元起 <del style="color: #ccc;">2299元</del></span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/12.webp" alt="">
                        <div class="one">
                            <h3>
                                K40 游戏增强版
                            </h3>
                            <p>轻薄电竞设计</p>
                            <span>1699元起</span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/13.webp" alt="">
                        <div class="one">
                            <h3>黑鲨4 Pro </h3>
                            <p>黑鲨4 Pro</p>
                            <span>3999元起 <del style="color: #ccc;">4999元</del></span>
                        </div>
                    </a></li>
                    <li><a href="">
                        <img src="./img/15.webp" style="width: 200px;height: 200px;" alt="">
                        <div class="one">
                            <h3>Redmi Note 10 5G</h3>
                            <p>5G小金刚，旗舰长续航</p>
                            <span>1099元起</span>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>